﻿
@{
	Layout = null;
}
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>layui</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

	<link href="~/wwwroot/layui-v2.4.5/layui/css/layui.css" rel="stylesheet" /> 
	<!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>
<body>

	<table class="layui-hide" id="test"></table>

	<script src="~/wwwroot/layui-v2.4.5/layui/layui.all.js"></script> 
	<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->

	<script>
		layui.use('table', function () {
			var table = layui.table;

			table.render({
				elem: '#test'
				, url: '/demo/table/user/'
				, cols: [[
					{ field: 'id', width: 80, title: 'ID', sort: true }
					, { field: 'username', width: 80, title: '用户名' }
					, { field: 'sex', width: 80, title: '性别', sort: true }
					, { field: 'city', width: 80, title: '城市' }
					, { field: 'sign', title: '签名', minWidth: 150 }
					, { field: 'experience', width: 80, title: '积分', sort: true }
					, { field: 'score', width: 80, title: '评分', sort: true }
					, { field: 'classify', width: 80, title: '职业' }
					, { field: 'wealth', width: 135, title: '财富', sort: true }
				]]
				, page: true
			});
		});
	</script>

</body>
</html>